@import "../../assets/base.scss";
.header-wrapper {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid $border;
    display: flex;
    height: 50px;
    align-items: center;
    .githubIcon {
        font-size: 26px;
        margin: 0 10px;
        cursor: pointer;
    }
    .add {
        font-size: 22px;
        position: absolute;
        right: 10px;
        height: 50px;
        line-height: 50px;
    }

    .search-box {
        border-radius: 4px;
        background-color: #fff;
        display: flex;
        justify-items: center;
        .icon {
            font-size: 26px;
            position: absolute;
        }
        /*在IE10+浏览器中, 使用css即可隐藏input文本输入框右侧的叉号*/
        ::-ms-reveal,input[type=text]::-ms-clear {
            display: none;
        }
        ::-ms-reveal,input::-ms-clear {
            display: none;
        }
        input {
            /*去除点击出现轮廓颜色*/
            border-radius: 4px;
            outline: none;
            border: 1px solid #fff;
            background-color: $background-color;
            padding-left: 35px;
            height: 26px;
            -webkit-appearance: none;
            /*去除系统默认的样式，苹果手机上的阴影*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            /*点击高亮的颜色*/
            /*padding已在重置样式中去除，如果没有去除，记得有padding哦*/
        }
    }

    .content {
        font-size: 22px;
        margin-top: 20px;
        p{
            input, textarea  {
                font-size: 16px;
                width: 70%;
                outline: none;
                resize: none;
                border: 1px solid #fff;
                color: #999; 
            }
            span {
                float: left;
                margin-top: 4px;
                margin-left: 20px;
                margin-right: -10px;
            }
            textarea {
                padding-top: 6px;
            }
            input::-webkit-input-placeholder , textarea::-webkit-input-placeholder {
                /* WebKit browsers */
                // font-size: 0.24rem;
                color: #cccccc;
            }
            input:-moz-placeholder, textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                // font-size: 0.24rem;
                color: #cccccc;
            }
            input::-moz-placeholder, textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                // font-size: 0.24rem;
                color: #cccccc;
            }
            input:-ms-input-placeholder, textarea:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                color: #cccccc;
            }
        }
    }

}